<template>
    <!--    弹窗-->
    <div class="score-bg">
        <div class="popup">
            <div class="popup_title">提示</div>
            <div class="popup_content">已经是最后一页了哦!</div>
            <div class="popup_close" @touchend="rebackTouch"></div>
            <div class="select">
                <div class="reback" @touchend="rebackTouch"></div>
                <div class="next" @touchend="scoreShow"></div>
            </div>
        </div>
    </div>
</template>

<script>
    export default {
        data(){
            return{
            }
        },
       methods:{
           rebackTouch: function () {
               this.$parent.rebackTouch()
           },
           scoreShow: function () {
               this.$parent.scoreShow()
           }
       }
    }
</script>

<style scoped lang="stylus">
    .popup
        position absolute
        $center('WHLT', 26rem, 15rem)
        background url($urlTitle + 'popup/popupBg.png') 0 0 / 100% 100%
        .popup_title
            $coord('WHLT', 8rem, 1.9rem, 7.5rem, 0.8rem)
            $alignCenter()
            font-size 1rem
        .popup_content
            $coord('WHLT', 17rem, 6.5rem, 3rem, 3.5rem)
            background url($urlTitle + 'popup/popupContent.png') 0 0 / 100% 100%
            box-sizing border-box
            padding 1rem
            $alignCenter()
            color rgb(251, 149, 55)
            font-size 1.2rem
        .popup_close
            $coord('WHRT', 1rem, 1rem, 0.9rem, 3.1rem)
            background url($urlTitle + 'popup/popupClose.png') 0 0 / 100% 100%
        .select
            position absolute
            $center('WHLT', 14rem, 5rem)
            margin-top 2.5rem
            margin-left -8rem
            .reback
                float left
                width 6rem
                height 5rem
                background url($urlTitle + 'score/返回绘本.png') center center / contain no-repeat
            .next
                float right
                width 6rem
                height 5rem
                background url($urlTitle + 'score/进入自评.png') center center / contain no-repeat
</style>
